{% extends 'base.html' %}

{% block title %}Мои заявки - МОЙ НЕ САМ{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1>Мои заявки</h1>
    <a href="{% url 'application_form' %}" class="btn btn-primary">Создать новую заявку</a>
</div>

{% if applications %}
<div class="table-responsive">
    <table class="table table-hover">
        <thead class="table-light">
            <tr>
                <th scope="col">#</th>
                <th scope="col">Название</th>
                <th scope="col">Дата создания</th>
                <th scope="col">Статус</th>
                <th scope="col">Действия</th>
            </tr>
        </thead>
        <tbody>
            {% for application in applications %}
            <tr>
                <td>{{ application.id }}</td>
                <td>{{ application.title }}</td>
                <td>{{ application.created_at|date:"d.m.Y H:i" }}</td>
                <td>
                    {% if application.status == 'new' %}
                    <span class="badge bg-info">Новая</span>
                    {% elif application.status == 'in_progress' %}
                    <span class="badge bg-warning">В обработке</span>
                    {% elif application.status == 'completed' %}
                    <span class="badge bg-success">Выполнена</span>
                    {% elif application.status == 'rejected' %}
                    <span class="badge bg-danger">Отклонена</span>
                    {% else %}
                    <span class="badge bg-secondary">{{ application.get_status_display }}</span>
                    {% endif %}
                </td>
                <td>
                    <a href="{% url 'edit_application' application.id %}" class="btn btn-sm btn-primary">Редактировать</a>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% else %}
<div class="alert alert-info">
    <p class="mb-0">У вас пока нет заявок. <a href="{% url 'application_form' %}" class="alert-link">Создать новую заявку</a>.</p>
</div>
{% endif %}
{% endblock %}